<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    用户<input type="text" name="username" class="user" disabled>
    <br>
    旧<input type="password" name="password" class="pwd">
    <br>
    新<input type="password" name="password" class="newPwd">
    <br>
    确认<input type="password" name="password" class="conPwd">
    <br>
    <button type="submit" class="btn">修改密码</button>


    <script src="../js/ajax.js"></script>
    <script>

        // 个人中心必须登录才可以进入

        // 用户名是直接显示的，不需要输入的  -- 且不能输入

        // 需要输入原密码，确认是本人


        // 修改密码成功以后需要重新登录


        const get = ele => document.querySelector(ele);

        // 判断用户是否登录
        const username = localStorage.getItem('USER_LOGIN');
        if (username) {

            // 显示在输入框里面
            get('.user').value = username ;

            get('.btn').onclick = function () {
                const oldPwd = get('.pwd').value;
                const newPwd = get('.newPwd').value;
                const conPwd = get('.conPwd').value;
                // 验证

                // 请求 
                //    后端在处理的时候，会有两种方式
                //       1 用户名，旧密码，新密码

                //       2 只写了修改密码  用户名和新密码
                //           需要我们自己想办法验证旧密码是否正确
                //                 登录接口 -- 可以判断密码
                //                 密码正确才去修改


                // 使用登录接口判断旧密码是否正确
                ajax({
                    type: 'post',
                    path: 'http://192.168.58.110/php/login.php',
                    data: {
                        username,
                        password: oldPwd
                    },
                    success: res => {
                        console.log(res);
                        const { status, msg } = res;
                        if (status) {
                            // alert('旧密码正确');
                            // 修改密码
                            ajax({
                                path: 'http://43.138.81.225/php/changePwd.php',
                                type: 'post',
                                data: {
                                    username,
                                    password: newPwd
                                },
                                success: res => {
                                    console.log(res);
                                    if(res.status) {
                                        // 跳转到登录 --- 不需要再跳转回来
                                        alert('恭喜你，密码修改成功');
                                        location.href = './11_login.html';
                                    } else {
                                        alert('服务器错误，请重试');
                                    }
                                }
                            })

                        } else {
                            alert(msg);

                        }
                    }
                })
            }
        } else {
            // 跳转登录
            location.href = './11_login.html?historyURL=' + location.href;
        }




    </script>

</body>

</html>